<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>:nth-of-type(an+b) 匹配第 an+b 个相同标签的元素</title>
		<!-- 
		:nth-of-type(an+b) 匹配第 an+b 个相同标签的元素
		:nth-last-of-type(an+b) 同 nth-of-type ，只不过方向相反，从最后开始计数。
		 -->
		<style type="text/css">
		p:nth-of-type(odd){
			/* odd 奇数  ===2n+1 */
			color: red;
		}	
		li:nth-last-of-type(even){
			/* even 偶数 ==2n*/
			color: blue;
		}
		li:nth-last-of-type(2n+1){
			color: green;
		}
		</style>
		
	</head>
	<body>

		<p>1</p>
		<p>2</p>
		<p>3</p>
		<p>4</p>
		<p>5</p>

		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		</ul>

	</body>
</html>
